<template>
    <div>
      <div class="game-list clearfix">
        <div>
          <table>
            <tbody class="live-table">
            <tr>
              <td colspan="6">第一球</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td colspan="2">总计:</td>
              <td>0/0</td>
              <td>0/0</td>
              <td>0/0</td>
              <td>0/0</td>
            </tr>
            </tbody>
          </table>
        </div>
        <div>
        <table>
          <tbody class="live-table">
          <tr>
            <td colspan="6">第一球</td>
          </tr>
          <tr>
            <td>种类</td>
            <td>赔率</td>
            <td>全部</td>
            <td>补货</td>
            <td>实占</td>
            <td>盈/亏</td>
          </tr>
          <tr>
            <td>种类</td>
            <td>赔率</td>
            <td>全部</td>
            <td>补货</td>
            <td>实占</td>
            <td>盈/亏</td>
          </tr>
          <tr>
            <td>种类</td>
            <td>赔率</td>
            <td>全部</td>
            <td>补货</td>
            <td>实占</td>
            <td>盈/亏</td>
          </tr>
          <tr>
            <td>种类</td>
            <td>赔率</td>
            <td>全部</td>
            <td>补货</td>
            <td>实占</td>
            <td>盈/亏</td>
          </tr>
          <tr>
            <td>种类</td>
            <td>赔率</td>
            <td>全部</td>
            <td>补货</td>
            <td>实占</td>
            <td>盈/亏</td>
          </tr>
          <tr>
            <td colspan="2">总计:</td>
            <td>0/0</td>
            <td>0/0</td>
            <td>0/0</td>
            <td>0/0</td>
          </tr>
          </tbody>
        </table>
      </div>
        <div>
          <table>
            <tbody class="live-table">
            <tr>
              <td colspan="6">第一球</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td>种类</td>
              <td>赔率</td>
              <td>全部</td>
              <td>补货</td>
              <td>实占</td>
              <td>盈/亏</td>
            </tr>
            <tr>
              <td colspan="2">总计:</td>
              <td>0/0</td>
              <td>0/0</td>
              <td>0/0</td>
              <td>0/0</td>
            </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>
</template>

<script>
    export default {
      name: "ssc_game",
      data(){
        return {
        }
      },
      props:['home_value'],
      methods:{

      },
      mounted(){
        // console.log('..............')
        // console.log(this.$route)
      },
    }
</script>

<style scoped lang="scss">
  .game-list{
    min-width: 1000px;
    margin-top: 5px;
    div{
      float: left;
      width: 50%;
      margin-top: 5px;
    }
    table{
      width: 99%;
      margin-left: 0.5%;
      line-height: 32px;
      border-collapse: collapse;
      text-align: center;
    }
    table td{
      border-bottom: #d4d4d4 solid 1px;
      border-right: #d4d4d4 solid 1px;
      background-color: #cecec3;
    }
    table tr:nth-child(2n) td{
      background-color: #c9c9ce;
    }
    table tr:last-child td{
      background-color: #b3cdce;
    }
    .live-table tr:nth-child(1) td{
      color: white;
      background-color: #0338d7;
      font-size: 16px;
      font-weight: 700;
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      border-bottom: #d4d4d4 solid 1px;
    }
    .live-table tr:nth-child(2) td{
      color: white;
      background-color: #17b5d7;
    }
    .live-table tr td:last-child{
      border-right:none;
    }
    .live-table tr:last-child td{
      border-bottom:none;
    }
    .live-table tr:last-child td:nth-child(1){
      border-bottom-left-radius: 10px;
    }
    .live-table tr:last-child td:last-child{
      border-bottom-right-radius: 10px;
    }
  }
</style>
